$(function () {
  $('.vr-yun-zhan-guang-content .fl').mouseenter(function () {
    $(this).find('.mask').fadeIn();
    $(this).find('.mask-text').fadeIn();
    $(this).find('img').addClass('imgScale');
  })
  $('.vr-yun-zhan-guang-content .fl').mouseleave(function () {
    $(this).find('.mask').fadeOut();
    $(this).find('.mask-text').fadeOut();
    $(this).find('img').removeClass('imgScale');
  })

  //---

  $('.gong-ye-item').mouseenter(function () {
    $(this).find('.bottom-text').fadeIn();
    $(this).find('img').addClass('imgScale');
  })
  $('.gong-ye-item').mouseleave(function () {
    $(this).find('.bottom-text').fadeOut();
    $(this).find('img').removeClass('imgScale');
  });

  /*video*/

  $('.playBtn').click(function () {
    $(this).hide();
    $('.video')[0].play();
    $('.video').attr('controls', 'controls');
  })

  $('.small_playBtn').click(function () {
    $(this).hide();
    $('.center-video').show();
    $('.center-video')[0].play();
    $('.center-video').attr('controls', 'controls');
  })

});

(function () {
  var gotTopBtn = document.getElementsByClassName('goTop')[0];
  gotTopBtn.onclick = function () {
    gotoTop(4)
  }

  //平滑返回顶部
  function gotoTop(rate) {

    if (!window.requestAnimationFrame) {
      requestAnimationFrame = function (fn) {
        setTimeout(fn, 17);
      }
    }

    var doc = document.body.scrollTop ? document.body : document.documentElement;
    var scrollTop = doc.scrollTop;
    var top = function () {
      scrollTop = scrollTop + (0 - scrollTop) / (rate || 2);
      if (scrollTop < 1) {
        doc.scrollTop = 0;
        return false;
      }
      doc.scrollTop = scrollTop;
      stop = requestAnimationFrame(top);
    };
    top();
  }
})();
(function () {
  $('.swiper-container').mouseenter(function () {
    $(".swiper-button-prev2").fadeIn();
    $('.swiper-button-next2').fadeIn();
  })
  $('.swiper-container').mouseleave(function () {
    $(".swiper-button-prev2").fadeOut();
    $('.swiper-button-next2').fadeOut();
  })

  //头部二维码
  $('.small-erwei').mouseenter(function () {
    $('.show-big-erwei').css({width: '172px', height: '171px'});
  })
  $('.small-erwei').mouseleave(function () {
    $('.show-big-erwei').css({width: '0px', height: '0px'});
  })


  //表单提交

  $('.submitBtn').click(function () {
    var username = $("input[name='userName']").val();
    var userPhone = $("input[name='userPhone']").val();
    if (!username) {
      alert("您好,您的称呼还没有填写");
      return false;
    }
    if (!userPhone) {
      alert("您好,您的联系方式还没有填写");
      return false;
    }
    $.ajax({
      url: '',
      method: 'post',
      data: $('#form').serialize(),
      success: function (res) {
        console.log(res);
        //你们。。。来处理
      }
    })
  })

  //切换tab 和 video

  $('.left-list-click li').click(function () {
    var currentIndex = $(this).index();
    $(this).addClass('active').siblings().removeClass('active')
    $('.right-video-list-box .right-video-item').eq(currentIndex).fadeIn(500).siblings().fadeOut();
    //暂停视频
    if(currentIndex>0){
      $('.right-video-list-box .right-video-item').eq(currentIndex-1).children('video')[0].pause()
    }else {
      $('.right-video-list-box .right-video-item').eq(3).children('video')[0].pause()
    }

  })

  $('.videoBtn-1').click(function () {
    videoCommon($(this))
  });
  $('.videoBtn-2').click(function () {
    videoCommon($(this))
  });
  $('.videoBtn-3').click(function () {
    videoCommon($(this))
  });
  $('.videoBtn-4').click(function () {
    videoCommon($(this))
  });

  function videoCommon(elm) {
    elm.hide();
    var video = elm.siblings('video')[0];
    elm.siblings('video').show().attr('controls', 'controls');
    video.play();
  }

})();

